@import 'base.scss';

.myheader{
  height: 45px;
  line-height: 45px;
  background-color:$bgcolor;
  display: flex;
  color: #ffffff;
  .left{
    flex: 1;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100px;
    padding-left: 15px;
    font-size: 16px;
  }
  .my_center_title{
    flex:6;
    font-size: 18px;
  }
}
.am-navbar{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  .am-navbar-right{
    .iconfont{
      font-size: 20px;
    }
  }
}
.am-modal-wrap{
  .am-modal-header{
    .am-modal-title{
      text-align: left;
    }
  }
  .am-modal-body{
    .p{
      height: 31px;
      line-height: 24px;
      margin-left: 1rem;
      label{
        div{
          position: relative;
          float: left;
          width: 18px;
          height: 18px;
          margin-top: 2px;
          border: 1px solid $color;
          border-radius: 50%;
          margin-right: 1rem;
        }
      }
      input{
        opacity: 0;
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height:100%;
        z-index:100;/*使input按钮在span的上一层，不加点击区域会出现不灵敏*/
        &+span{
          display: block;
          width: 18px;
          height:  18px;
          border-radius:50%;
          position: absolute;
          top:-1px;
          left: -1px;
          background: #ffffff;
          border: 1px solid #1796f9;
          z-index:1;
          &::before{
            width: 10px;
            height: 10px;
            border-radius:50%;
            position: absolute;
            background: #1796f9;
            top:4px;
            left:4px;
            content: "";
          }
        }
      }
        input[type="radio"] + span {
          opacity: 0;}
        input[type="radio"]:checked + span {
          opacity: 1;}
      }
    }
  .am-modal-footer{
    text-align: right;
  }
}
.am-navbar-title{
  i{
    transition: all .4s ease-out;
    position: absolute;
  }
}
.shang{
  transform: rotateZ(180deg)
}